body {
    background: #F6E7B4;
    .l_btn_tab {
        //tab导航
        .l_box_nav {
            width: 100%;
            height: 60/40rem;
            line-height: 60/40rem;
            margin: 0 auto;
            background-color: #CF2A45;
            ul {
                display: flex;
                text-align: center;
                li {
                    margin: auto;
                    text-align: center;
                    height: 56/40rem;
                    &:nth-child(1) {
                        a {
                            color: #F3B0BB;
                        }
                    }
                    a {
                        display: block;
                        color: #9592A7;
                        font-size: 26/40rem;
                        height: 61/40rem;
                    }
                    &.cur {
                        border-bottom: 4/40rem solid #fff;
                        a {
                            color: #fff;
                        }
                    }
                }
            }
        }
        //图片
        section:nth-child(2) {
            width: 100%;
            height: 190/40rem;
            img {
                width: 100%;
                height: 100%;
            }
        }
        //奖金池
        section:nth-child(3) {
            width: 100%;
            height: 320/40rem;
            background: url(../image/start2.jpg) no-repeat center;
            background-size:100% 100%;
            overflow: hidden;
            ul {
                display: flex;
                li {
                    width: 160/40rem;
                    height: 32/40rem;
                    line-height: 32/40rem;
                    text-align: center;
                    a {
                        font-size: 20/40rem;
                        color: #F73353;
                    }
                    &.line {
                        width: 2/40rem;
                        height: 32/40rem;
                        background: #F73353;
                        margin: auto 0;
                    }
                }
            }
            div:nth-child(2) {
                width: 592/40rem;
                height: 80/40rem;
                line-height: 80/40rem;
                background: #F73353;
                border-radius: 11/40rem;
                margin: 0 auto;
                color: #FFFFFF;
                text-align: center;
                margin-top: 50/40rem;
                font-size: 36/40rem;
            }
            div:nth-child(3) {
                font-size: 30/40rem;
                color: #402E1D;
                text-align: center;
                margin: 18/40rem 0;
            }
            div:nth-child(4) {
                width: 450/40rem;
                margin: 0 auto;
                p {
                    font-size: 20/40rem;
                    color: #4C3521;
                    span {
                        font-size: 20/40rem;
                        color: #4C3521;
                    } 
                }
            }
        }
        //周排名
        section:nth-child(4) {
            width: 100%;
            height: 258/40rem;
            div.swiper-container {
                div.swiper-wrapper {
                    div.swiper-slide {
                        width: 140/40rem;
                        height: 157/40-45/40rem;
                        margin-left: 35/40rem;
                        margin-top: 50/40rem;
                        border-radius: 10/40rem;
                        color: #fff;
                        font-size: 24/40rem;
                        text-align: center;
                        padding-top: 45/40rem;
                        div {
                            color: #fff;
                            font-size: 20/40rem;
                            text-align: center;
                            margin-top: 21/40rem;
                        }
                        &.end { //已结束
                            background: url(../image/end.png) no-repeat top left;
                            background-size: 80/40rem 70/40rem;
                            background-color: #CFD5D7;
                            color: #818184;
                            div{
                                width: 120/40rem;
                                height: 38/40rem;
                                line-height: 38/40rem;
                                border-radius: 6/40rem;
                                background: #F73353;
                                margin: 0 auto;
                                color: #fff;
                                font-size: 20/40rem;
                                text-align: center;
                                margin-top: 21/40rem;
                            }
                        }
                        &.ing { //进行中
                            background-color: #F73353;
                            color: #FFFFFF;
                        }
                        &.noStart { //未开始
                            background-color: #C4A05B;
                            color: #FFFFFF;
                        }
                    }
                }
            }
        }
        //倒计时
        section:nth-child(5) {
                width: 100%;
                height: 90/40rem;
                color: #FFFFFF;
                line-height: 90/40rem;
                text-align: center;
                margin: 0 auto;
                background-color: #F73353;
                display: flex;
            i {
                display: block;
                width: 2rem;
                height: 40/40rem;
                background: url(../image/clock.png) no-repeat left center;
                background-size: 100% 100%;
                margin-top: 23/40rem;
            }
            div.countdown {
                font-size: 30/40rem;
                font-family: '微软雅黑';
                font-weight: bold;
                margin-left: 20/40rem;
                span {
                    font-size: 30/40rem;
                    font-family: '微软雅黑';
                    font-weight: bold;
                }
            }
        }
        //搜索
        section:nth-child(6) {
            line-height: 60/40rem;
            font-size: 26/40rem;
            color: #513E20;
            margin-top: 24/40rem;
            //搜索框
            div.search {
                display: flex;
                margin-bottom: 20/40rem;
                div:nth-child(1) {
                    width: 502/40rem;
                    height: 60/40rem;
                    line-height: 60/40rem;
                    border-radius: 11/40rem;
                    margin-left: 24/40rem;
                    margin-right: 36/40rem;
                    background-color: #fff;
                    display: flex;
                    i {
                        display: block;
                        width: 40/40rem;
                        height: 40/40rem;
                        background: url(../image/search.png) no-repeat left;
                        background-size: 100% 100%;
                        margin-top: 15/40rem;
                        margin-right: 35/40rem;
                        margin-left: 17/40rem;
                    }
                    input {
                        width: 445/40rem;
                        height: 60/40rem;
                        border: 0 none;
                        text-align: left;
                        background: transparent;
                        &::-webkit-input-placeholder {
                            color: #AEAEAE;
                            font-size: 26/40rem;
                        }
                        &::-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
                            color: #AEAEAE;  
                            font-size: 26/40rem;
                        }  
                        &::-moz-placeholder { /* Mozilla Firefox 19+ */  
                            color: #AEAEAE;  
                            font-size: 26/40rem;
                        } 
                        &::-ms-input-placeholder { /* Internet Explorer 10+ */  
                            color: #AEAEAE; 
                            font-size: 26/40rem;  
                        }  
                    }
                }
                span {
                        font-size: 26/40rem;
                    }
            }
            //榜单列表
            div.main {
                div.list {
                    ul.list_title {
                        display: flex;
                        width: 100%;
                        li {
                            text-align: center;
                            font-size: 20/40rem;
                            color: #513E20;
                            flex: 1;
                            &:nth-child(2) {
                                width: 20%;
                            }
                        }
                    }
                }
                div.list_main {
                    height: 1300/40rem;
                    position: relative;
                    ul {
                        width: 100%;
                        li {
                            color: #513E20;
                            display: flex;
                            justify-content: center;
                            align-content: center;
                            div {
                                flex: 1;
                                height: 60/40rem;
                                line-height: 60/40rem;
                                font-size: 20/40rem;
                                text-align:center; 
                                &:nth-child(2) {
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow:clip;
                                    font-size: 22/40rem;
                                }
                            }
                        }
                    }
                    //分页
                    #pagination {
                        display: flex;
                        margin-top: 50/40rem;
                        position: absolute;
                        right: 0;
                        span {
                            color: #513E20;
                            font-size: 20/40rem;
                            margin: auto 20/40rem;
                        }
                        span:first-child {
                            display: block;
                            width: 125/40rem;
                            height: 44/40rem;
                            border-radius: 6/40rem;
                            line-height: 44/40rem;
                            text-align: center;
                            font-size: 20/40rem;
                            color: #FFFFFF;
                            background: #9EA4A9;
                        }
                        span:last-child {
                            display: block;
                            width: 125/40rem;
                            height: 44/40rem;
                            border-radius: 6/40rem;
                            line-height: 44/40rem;
                            text-align: center;
                            font-size: 20/40rem;
                            color: #FFFFFF;
                            background-color: #9EA4A9;
                        }
                    }
                }
            }
        }
    }
    footer {
        margin-top: 138/40rem;
    }
}